import React from 'react'

// 引入长列表组件
import { List } from 'react-virtualized';

// 用于长列表渲染的数组
const list = [
  'Brian Vaughn',
   // 小技巧：快速生成 100 条数据
  ...new Array(100).keys()
  // And so on...
];
// const list = [1,2,3,4,5,5,6,6,8,7,9,1,5,7,8,6,1,8,9,1,5,2,8,22,555,66,74,55,112,223,88,111,55,1111,555,22222]
class CityList extends React.Component {
  rowRenderer = ({key, index, isScrolling, isVisible, style}) =>{
    // console.log(index);
    return (
      <div key={key} style={style}>
      --{list[index]}--
    </div>
    )
  }
  rowHeight = () => {
    return 40
  }
  state = {  }
  render() { 
    return ( 
      <List
        // List的宽度
        width={window.screen.width}
        // List的高度
        height={window.screen.height}
        // 数组的长度
        rowCount={list.length}
        // 每一行的高度
        rowHeight={this.rowHeight}
        // 如何渲染每一行标签
        rowRenderer={this.rowRenderer}
      />
     );
  }
}
 
export default CityList;